<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title><%= title %></title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="<%= keywords %>">
    <meta name="description" content="<%= description %>">
    <link href="/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="/bootstrap-icons-1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <% if(!isDev){ %>
        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?79c4dbe8c67b2a756a48ed97bb6a8aad";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    <% } %>
    <style>

        body {
            padding-top: 56px;
        }

        .flex {
            display: flex;
        }

        .blur-bg-style {
            background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity), .5) !important;
            backdrop-filter: blur(30px) !important;
        }

    </style>
</head>
<body>
<nav class="navbar navbar-expand-md bg-body-tertiary fixed-top blur-bg-style">
    <div class="container-fluid">
        <a class="navbar-brand" href="/">炉石卡片</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link <%= path === '/battlegrounds' ? 'active' : '' %>"
                       href="/battlegrounds">酒馆战旗</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link  <%= path === '/cardbacks' ? 'active' : '' %>"
                       href="/cardbacks">炉石卡背</a>
                </li>
            </ul>
            <ul class="navbar-nav mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link <%= path === '/battlegrounds' ? 'active' : '' %>"
                       href="/battlegrounds">酒馆战旗</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
